<!DOCTYPE html>
<html>
<head>
    <title>搜索简历</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1" />
    <meta name="CODE_LANGUAGE" content="C#" />
    <meta name="vs_defaultClientScript" content="JavaScript" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=yes" name="format-detection">
	<meta content="email=no" name="format-detection">
	#parse("/h5/common/webWords.html")
	<LINK rel=stylesheet type=text/css href="http://${staticHost}/css/component.css">
	<link rel="stylesheet" type="text/css" href="http://${staticHost}/css/medioadaption.css"/>
	<link rel="stylesheet" type="text/css" href="http://${staticHost}/css/stcss.css"/>

    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/common.css" />
	<link rel="stylesheet" href="http://${staticHost}/css/larea.css">
	<style>
	.search {padding-top:10px;margin: 0 auto;}
	.choisejobname {border: 1px solid #ddd;width: 120px;height: 30px;line-height: 30px;margin-left:15px;}
	.searchbutton {width: 50px;height: 32px;line-height:32px;display: inline-block; background: rgb(73, 185, 234);color: white;text-align: center;}
	.checkboxjobname{width:30px;display:inline-block; height: 40px;line-height: 40px;}
	.jianlilistul {margin-top: 10px;border-top: 1px dashed #ddd;}
	.jianlilistli {height: 50px;padding-top: 6px;border-bottom: 1px dashed #ddd;padding-bottom: 6px;}
	.w100 {width: 100px;display: inline-block;margin-left: 20px;white-space: nowrap;}
	.jianlilistli p{height:20px;line-height:20px;color: #4e4e4e;}
	.applyfortime{color:#777;}
	.loadmore{background:white;}
	body{background:white;}
	/**新增**/
	.salaryrange{ height: 45px;line-height: 45px;color:#666;margin-top: -1px;    background: white;text-align: center;padding-left: 10px;}
	#keyword {float: left;margin-left: 15px;}
    .mbox{border-bottom: none;}
    .main{margin:0;border-bottom: none;}
    .jobPayDiv{
    	float: right; 
    	color: #de001b; 
    	font-size: 10px; 
    	margin-right: 60px;
    }
    
    
    /**搜索***/
 #cityhtml{text-align: left;    margin-top: -4px;    width: 65px;text-align: center;}
 .filter-outer .filter-list {
    width: 25%;
}
.filter-outer .filter-list {
    position: relative;
    float: left;
    text-align: center;
    height: 45px;
}
.filter-outer .filter-list .filter-cell {
    display: inline-block;
    position: relative;
    margin-left: -.42rem;
}
.filter-outer .filter-list .filter-cell:before {
    content: ' ';
    position: absolute;
    top: 15px;
    right: -10px;
    display: inline-block;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    width: 13px;
    height: 13px;
    background-image: url(http://${staticHost}/images/drop-down.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.filter-outer .filter-list .filter-cell .filter-cell-txt {
    max-width: 65px;
    font-size:14px;
    width:64px;
}
.filter-outer .filter-list .filter-cell .filter-cell-txt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height:45px;
    line-height:45px;
}
.filter-outer .filter-list:after {
    position: absolute;
    right: 0;
    top: .148rem;
    width: 1px;
    height: 45px;
    content: '';
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    background-color: #ededed;
}
	</style>
	<script type="text/javascript" src="http://${staticHost}/js/jquery.js"></script>
	<script type="text/javascript" src="http://${staticHost}/js/function.js"></script>
	#parse("/h5/common/selectArea.html")
</head>
<body class="bodybg">
<!--头部 begin -->
#parse("/h5/common/userHeader.html")
<!--头部 end -->
<div class="main">
  <div class="weizhi clear" style="font-size:14px;"> 导航位置：<a href="/personnelWork/auth/applyJob" style="color: #0f7bdd;"> 梦想在线 > 个人中心</a></div>
  <div class="title">搜索职位</div>
  <div class="filter-outer">
      <div class="filter-list js-filter qs-temp-new-city" data-tag="0" data-type="city">
      	<div class="filter-cell">
      		<div class="filter-cell-txt qs-temp-txt-city callinghtml" id="btnWishTrade">
      			#if(!$expectedJobIndustryName)
					行业
				#else
					$expectedJobIndustryName
				#end
			</div>
      		<input name="calling" type="hidden" id="calling" value="$!{calling}"></a>
      	</div>
      </div>
      <div class="filter-list js-filter" data-tag="1">
      	<div class="filter-cell">
      		<div class="filter-cell-txt f-normal-txt-exp" >
      		<input id="cityhtml" type="text" readonly="" placeholder="地区"  value="#if (!$jobAreasName || "$jobAreasName" == "") 地区 #else $jobAreasName  #end"/>
      		</div>
      		<input id="cityvalue" type="hidden" value="$!{jobAreasName}"/>
      	</div>
      </div>
      <div class="filter-list js-filter" data-tag="2">
      	<div class="filter-cell"><div class="filter-cell-txt f-normal-txt-edu jobhtml" id="post">
      		#if(!$jobCareersName)
				职位
			#else
				$jobCareersName
			#end
        </div></div>
      	<input name="job" type="hidden" id="job" value="$!{job}">
      </div>
      <div class="filter-list js-filter" data-tag="3">
      	<div class="filter-cell"><div class="filter-cell-txt j-change-color">
      		<select class="salaryrange fl"  name="jobPay" id="jobPay" >
			<option value="">工资</option>
            #foreach($data in $jobPayList)
            <option value="$data.value"  #if ("$data.value" == "$jobPay") selected  #end >$data.label</option>
            #end
		</select>
      	</div></div>
      </div>
      <div class="clear"></div>
    </div>
  <div class="search">
	<!-- <a id="btnWishTrade" class="btnCommon" href="javascript:void(0)" name="btnWishTrade" title="公司行业">
		
		#if(!$expectedJobIndustryName)
			<b class="callinghtml">请选择公司行业</b>
		#else
			<b class="callinghtml">$expectedJobIndustryName</b>
		#end
		
		#if(!$calling)
			<input name="calling" type="hidden" id="calling" >
		#else
			<input name="calling" type="hidden" id="calling" value="$calling">
		#end
	</a>

	<a id="post" class="btnCommon" href="javascript:void(0)" name="post" title="职位">
		#if(!$jobCareersName)
			<b class="jobhtml">请选择职位</b>
		#else
			<b class="jobhtml">$jobCareersName</b>
		#end
		
		#if(!$job)
			<input name="job" type="hidden" id="job" >
		#else
			<input name="job" type="hidden" id="job" value="$job">
		#end
	</a>
	
	#if(!$jobAreasName)
		<input id="cityhtml" type="text" readonly="" placeholder="请选择工作地区"  value="请选择工作地区"/>
	#else
		<input id="cityhtml" type="text" readonly="" placeholder="请选择工作地区"  value="$jobAreasName"/>
	#end
	
	#if(!$cityvalue)
		<input id="cityvalue" type="hidden" value=""/>
	#else
		<input id="cityvalue" type="hidden" value="$cityvalue"/>
	#end

	<select class="salaryrange fl" id="jobPay">
		<option>薪酬待遇范围</option>
		#foreach($data in $jobPayList)
		<option value="$data.value"  #if ($data.value == $jobPay) selected  #end >$data.label</option>
		#end
	</select> -->

	<input type="text" style="border: 1px solid #ddd; height: 30px;line-height:30px; width: 230px;" placeholder="请输入职位名称" id="keyword" value="#if(!$keyword)#else$keyword#end">

	<a class="searchbutton fl" id="searchJobId">找工作</a>
	<div class="clear"></div>
  </div>
  <div class="jianlilist">
	<ul class="jianlilistul" id="recruitmentId">
		#foreach($recruitment in $positionList)
			<li class="jianlilistli" #if($velocityCount == $positionList.size()) style="border-bottom: 11px #e6e6e6 solid;" #end >
				<a href="/personnelWork/auth/workDetails?positionId=$recruitment.id">
					<p>
						<span class="jobname w100">#if($recruitment.position.length()>40)$recruitment.position.substring(0,40)...#else$recruitment.position#end</span>
					</p>
						<div class="jobPayDiv">$recruitment.jobPayName</div>
						<div class="username w100">$recruitment.companyName</div>
						<div style="margin-left: 20px;">$recruitment.companyAddress</div>
				</a>
				<div class="clear"></div>
			</li>
	    #end
	</ul>
	<p class="loadmore" num="1"><a>点击加载更多</a></p>
  </div>
</div>
<div class="footer"></div>


<div class="dialogMask" style="display: none; z-index: 118; opacity: 0.5;"></div>
<div class="choice choiceIndustry" style="position: absolute; left: 0px; bottom: 0px; display: none; z-index: 119;">
	<div class="choiceCon">
		<div class="choiceContent">
			<div class="choiceTxt">
				<p id="_limit"></p>
				<div class="choiceTopBtn">
					<a href="javascript:void(0)" class="popBtn1 _btnAreaClear" id="_btnAreaClear" data="">清空</a>
					<a href="javascript:void(0)" class="popBtn2 _btnAreaOk" id="_btnAreaOk"><b class="L"></b><b class="R"></b>确定</a>
				</div>
				<div class="clear"></div>
			</div>
			<div class="choiceLst">
			</div>
			<p class="tit">已选行业：</p>			
			<div class="choiceSelected">	
			<ul id="_selected">
			</ul>				
			<div class="clear"></div>			
			</div>
		</div>
	</div>
</div>

    <script src="http://${staticHost}/js/LArea.js"></script>
<script src="http://${staticHost}/js/layer.js"></script>
<script>
		$(".loadmore").click(function () {
                var _this = $(this);
                var sign = _this.attr('sign');
                var num = _this.attr('num');
                var calling = $("#calling").val();
    			var job = $("#job").val();
    			var cityvalue = $("#cityvalue").val();
    			var jobPay = $("#jobPay option:selected").val();
    			var keyword = $("#keyword").val();
    			if(jobPay == '薪酬待遇范围'){
    				jobPay = '';
    			}
                num = num*1 + 1;
                $.ajax({
                    type:'post',
                    url:'${requestHost}/public/moreRecruitment',
                    contentType:'application/x-www-form-urlencoded; charset=utf-8',
                    data:{
                        type:'searchJob',
                    	sign:sign,
                        num:num,
                        parentId:2,
                        calling:calling,
                        job:job,
                        cityvalue:cityvalue,
                        jobPay:jobPay,
                        keyword:keyword
                    },
                    success: function (result) {
                        var newsList = result.result;
                        var newsJson = eval("("+newsList+")");
                        $.each(newsJson, function (i, val) {
                        	var id = val.id;
                            var position = val.position;
                            var jobPay = val.jobPay;
                            var jobPayName = val.jobPayName;
                            var companyName = val.companyName;
                            var companyAddress = val.companyAddress;
                            if(position.position > 40){
                                position.substring(0, 40)+'...';
                            }
                            $("#recruitmentId").append("<li class=jianlilistli><a href=/personnelWork/auth/workDetails?positionId="+id+"><p><span class='jobname w100'>"+position+"</span></p><div class=jobPayDiv >"+jobPayName+"</div><div class='username w100'>"+companyName+"</div><div style='margin-left: 20px;'>"+companyAddress+"</div></a><div class=clear></div></li>");
                            _this.attr('num', num);
                        });
                    }
                });
            });

		$("#searchJobId").click(function () {
			var calling = $("#calling").val();
			var job = $("#job").val();
			var cityvalue = $("#cityvalue").val();
			var jobPay = $("#jobPay option:selected").val();
			var keyword = $("#keyword").val();
			if(jobPay == '薪酬待遇范围'){
				jobPay = '';
			}
			window.location.href='/personnelWork/auth/searchJob?calling='+calling+'&job='+job+'&cityvalue='+cityvalue+'&jobPay='+jobPay+'&keyword='+keyword;
        });


//关闭
$(document).on("click", "._btnAreaOk", function(){
	$("._btnAreaClear").attr("data",0);
	$(".choiceLst,#_selected").html("");
	$(".dialogMask,.choice").hide();
})
//清空
$(document).on("click", "._btnAreaClear", function(){
	var id = $(this).attr("data");
	if(id==1){
		$("#calling").val("");
		$(".callinghtml").html("请选择");
	}else if(id==2){
		$("#job").val("");
		$(".jobhtml").html("请选择");
	}
	$("#_selected").html("");
	$("input[type='checkbox']").prop("checked", false);
})
//城市选择特效
    //window.setTimeout(showcity,5000);
    //function showcity(){
        var area = new LArea();
        area.init({
            'trigger': '#cityhtml',
            'valueTo': '#cityvalue',
            'keys': {
                id: 'id',
                name: 'name'
            },
            'type': 2,
            'data': [provs_data, citys_data, dists_data]
        });
    //}
</script>
#parse("/h5/common/selectCalling.html")
#parse("/h5/common/selectJob.html")
<!--底部 begin -->
#parse("/h5/common/footer.html")
<!-- 底部 end -->
</body>
</html>
